
/* 登录框 */
.login-container {
    /* 设置高度宽度 */
    height: calc(100% - 60px);
    width: 100%;
    /* 设置为弹性布局，display:flex将子元素都设置为弹性项目 */
    display: flex;
    /* 以横轴的形式在最中间排列 */
    justify-content: center;
    /* 以纵轴的形式在最中间排列 */
    align-items: center;


}

/* 登录 */
.login-dialog {
    /* 设置高度和宽度 */
    height: 300px;
    width: 400px;
    /* 背景颜色 */
    background-color:rgba(255, 182, 193,0.75);
    /* 圆角矩形 */
    border-radius: 10px;
}

/* 每行的整体效果 */
.row {
    /* 设置高和宽 */
    height: 30px;
    width: 100%;
    /* 弹性布局 */
    display: flex;
    /* 横向居中 */
    justify-content: center;
    /* 纵向居中 */
    align-items: center;
    margin: 30px auto;
}

/* 账号 */
.row #username {
    /* 宽和高 */
    width: 300px;
    height: 40px;
    /* 圆角矩形和取消边框 */
    border-radius: 6px;
    border: none;
    /* 输入框内容字体大小、颜色、缩进 */
    font-size: 15px;
    text-indent: 7em;
    color: gray;

}

/* 密码 */
.row #password {
    /* 效果如上 */
    width: 300px;
    height: 40px;
    border-radius: 6px;
    border: none;
    font-size: 15px;
    text-indent: 7em;
    color: gray;
}
/* 密码 */
.row #password2 {
    /* 效果如上 */
    width: 300px;
    height: 40px;

    border-radius: 6px;
    border: none;

    font-size: 15px;
    text-indent: 7em;
    color: gray;

}
/* 协议 */
.agreement {
    color: gray;
    font-size: 15px;
    /* 弹性布局，横向居中，纵向居中 */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 提交按钮 */
.row #submit {
    width: 300px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    border-radius: 6px;
    border: none;
    background-color: rgb(255, 182, 193);
}

/* 伪类，使光标移动到该元素上时发生变化 */
.row #submit:hover {
    background-color: rgba(224, 153, 19, 0.935);
    color: gray;
}

/* 更多选项 */
.more {
    font-size: 15px;
    color:gray;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.flag p {
    display:flex;
    color: gray;
    justify-content: space-around;
    align-items: center;
}


